<template>
<div>
		<!--食物大图-->
	<a href="#/QingDanXiangQing"><img id="fen" class="nai-one" src="../assets/img/shouye/benzhou/baby.png" alt=""/></a>
	<!--食物介绍-->
	<div	 class="nai-shiwen">
	<p class="nai-shizi"><span class="nai-red">该模块主要内容是奶粉品牌的介绍</span>，成立于1924年，是日本零食十强之一。制作的曲奇和糕点系列，品质远胜于欧洲传统西点，做工研究、精致、高贵、时尚、健康是Bourbon一贯的严谨作风，其北日本系列礼盒更是夺得了销售冠军，相当受欢迎。</p>
	</div>
	<!--曲奇礼盒单品介绍-->
	<div v-for="bb in 2">
	<div class="nai-danqu">
		<div class="nai-ktimg">
		<img class="nai-kitty" src="../assets/img/shouye/benzhou/9_5.png" alt=""/>
		</div>
		<div class="nai-ktwen">
		<p class="nai-kzi">BOURBON布尔本hello kitty黄油曲奇礼盒54枚</p>
		<p class="nai-bmongy">￥12.90</p>
		<p class="nai-qiang">立即购买</p>
		</div>
	</div>
	<!--右边-->
	<div class="nai-rdanqu">
		<div class="nai-rktimg">
		<img class="nai-rkitty" src="../assets/img/shouye/benzhou/9_5.png" alt=""/>
		</div>
		<div class="nai-rktwen">
		<p class="nai-rkzi">BOURBON布尔本hello kitty黄油曲奇礼盒54枚</p>
		<p class="nai-rbmongy">￥12.90</p>
		<p class="nai-rqiang">立即购买</p>
		</div>
	</div>
 </div>
	<!---->
	<div v-for="ff in 6">
	<!--食物大图-->
	<a href="#/QingDanXiangQing"><img id="fen" class="nai-shiri" src="../assets/img/shouye/benzhou/baby.png" alt=""/></a>
	<!--食物介绍-->
	<div	 class="nai-shiwen">
	<p class="nai-shizi"><span class="nai-red">该模块主要内容是奶粉品牌的介绍</span>，成立于1924年，是日本零食十强之一。制作的曲奇和糕点系列，品质远胜于欧洲传统西点，做工研究、精致、高贵、时尚、健康是Bourbon一贯的严谨作风，其北日本系列礼盒更是夺得了销售冠军，相当受欢迎。</p>
	</div>
	<!--曲奇礼盒单品介绍-->
	<div v-for="bb in 2">
	<div class="nai-danqu">
		<div class="nai-ktimg">
		<img class="nai-kitty" src="../assets/img/shouye/benzhou/9_5.png" alt=""/>
		</div>
		<div class="nai-ktwen">
		<p class="nai-kzi">BOURBON布尔本hello kitty黄油曲奇礼盒54枚</p>
		<p class="nai-bmongy">￥12.90</p>
		<p class="nai-qiang">立即购买</p>
		</div>
	</div>
	<!--右边-->
	<div class="nai-rdanqu">
		<div class="nai-rktimg">
		<img class="nai-rkitty" src="../assets/img/shouye/benzhou/9_5.png" alt=""/>
		</div>
		<div class="nai-rktwen">
		<p class="nai-rkzi">BOURBON布尔本hello kitty黄油曲奇礼盒54枚</p>
		<p class="nai-rbmongy">￥12.90</p>
		<p class="nai-rqiang">立即购买</p>
		</div>
	</div>
 </div>
 </div>
 		<!--点击回到顶部-->
		<a href="#fen">
			<div class="ding">
			<img src="../assets/img/shouye/pinpai/dingbu.png" alt=""/>
			<p class="fanding">返回顶部</p>
			</div>
		</a>
</div>
</template>

<script>
</script>

<style>
	/*返回顶部*/
	.ding{
		position: fixed;
		right:0.4rem;
		bottom: 17.5rem;
	}
	.ding>img{
		width: 4.8rem;
		height: 4.8rem;
		margin-left: 8.2rem;
	}
	.fanding{
		font-size: 2.4rem;
		color:red;
		text-align: right;
		font-weight: 150;
		padding-top: 1rem;
	}
	/*头部图*/
	.nai-shiri{
		width: 100%;
		height: 40.5rem;
		margin-top: 1rem;
	}
	.nai-one{
		width: 100%;
		height: 40.5rem;
		margin-top: 9.6rem;
	}
	/*介绍图食物*/
	.nai-shiwen{
		width: 100%;
		height: 24rem;
		background: #e2f6fe;
		font-size: 2.8rem;
		color:#4d4d4d;
		margin-bottom: 2rem;
		margin-top:-0.1rem;
	}
	.nai-shizi{
		width: 65.3rem;
		padding:2rem 0 0rem 3rem;
	}
	.nai-red{
		color:#f8545f;
	}
	/*单个曲奇🍪*/
	.nai-danqu{
		width: 33rem;
		height: 44rem;
		background: #FFFFFF;
		margin:0 2rem;
		text-align: center;
		float:left;
	}
	.nai-ktimg,.nai-rktimg{
		width: 100%;
		height: 26.3rem;
		border-bottom: 0.1rem solid #A9A9A9;
	}
	.nai-kitty,.nai-rkitty{
		width: 17.2rem;
		height: 17.2rem;
		margin:4.6rem 0;
	}
	.nai-ktwen,.nai-rktwen{
		width: 100%;
		height: 17.6rem;
	}
	.nai-kzi,.nai-rkzi{
		width: 30rem;
		font-size: 2.4rem;
		padding: 1.5rem 0 0.5rem 2rem;
		text-align: left;
		color:#4d4d4d;
	}
	.nai-bmongy,.nai-rbmongy{
		font-size: 2.4rem;
		color:red;
	}
	.nai-qiang,.nai-rqiang{
		font-size: 1.8rem;
		width: 21.8rem;
		height: 3rem;
		background: red;
		border-radius: 1.5rem;
		color:white;
		margin:auto;
		margin-top: 1rem;
		font-weight: 200;
	}
	/*右*/
	.nai-rdanqu{
		width: 33rem;
		height: 44rem;
		background: #FFFFFF;
		text-align: center;
		margin:0 2rem 1rem 0;
		float:left;
	}
</style>